﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
	<link href="../lib/highlight/default.css" rel="stylesheet" />
	<script src="../lib/highlight.js"></script>
	<script>hljs.initHighlightingOnLoad();</script>
	<script src="../lib/babel.js"></script>
</head>
<body>

	<h1>Output：</h1>
	<div id="console" style="border:1px solid #ddd; padding:20px; border-radius:20px;"></div>
	<script>
		var console = {
			log : function(msg){
				var div = document.createElement("div");
				div.innerText = msg;
				document.getElementById("console").appendChild(div);
			},
			warn : function(msg){
				var div = document.createElement("div");
				div.innerText = msg;
				div.style.background = "yellow";
				document.getElementById("console").appendChild(div);
			}
		}
	</script>

	<script type="text/babel">
console.log("hello");
	</script>
	<script type="text/javascript">
console.log("world");
	</script>



	<h1>Script：</h1>
<pre><code class="html">
&lt;script type="text/babel"&gt;
	console.log("hello");
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
	console.log("world");
&lt;/script&gt;
</code></pre>


</body>
</html>
